<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery快速入门</title>

    <script src="js/jquery-3.5.1.js"></script>
    <script>
        window.onload= function() {
            // 元素选择器
            alert($('div').length);
            $('div').html("aaaa");

            // ID 选择器
            alert($("#div1").length);
            $("#div1").html("bbbb");

            // JS->JQ 使用$()方法转换
            var jsDiv1 = document.getElementById("div1");
            $(jsDiv1).html("div1 change by JQ");

            // JQ->JS 使用get()方法转换
            $('div').get(1).innerHTML = "div2 change by JS";
        };

    </script>
</head>
<body>
<div id="div1">xxxx</div>
<div id="div2">xxxx</div>
</body>
</html>